<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>单位维度 - 航天材料及工艺研究所</title>
    <link rel="stylesheet" type="text/css" href="assets/css/layui.css" />
    <link rel="stylesheet" type="text/css" href="assets/css/comm.css" />
    <link rel="stylesheet" type="text/css" href="assets/css/navigation.css" />
    <link rel="stylesheet" type="text/css" href="assets/font/iconfont.css">
    <link rel="stylesheet" type="text/css" href="assets/css/business.css" />
    <link rel="stylesheet" type="text/css" href="assets/css/unitdimension.css" />

</head>

<body>
    <div class="container">
        <div class="navigation before">
            
        </div>
        <div class="content">
            <header class="">
                <div class="left">
                    <!-- <img class="toggle packUp" src="assets/images/nav/icon-zhankai.svg">
                    <img class="toggle expansion" src="assets/images/nav/icon-zhedie.svg"> -->
                    <!-- <h1>2022年 全面预算</h1> -->
                    <div class="">
                        <h2>单位维度</h2>
                        <p><a href="index.html">首页</a> - <a href="capital.html">资金</a>- <a
                                href="capitalIncome.html">流入</a><span> - 单位维度</span></p>
                    </div>
                </div>
                <div class="right">
                    <div class="search">
                        <div class="year">
                            <p>时间：</p>
                            <input type="text" name="" id="year" value="" />
                        </div>
                        <div class="section">
                            <p>部门：</p>
                            <div class="sector">
                                <div class="">
                                    <span>全所</span>
                                </div>
                            </div>
                            <div class="options">
                                <div class="all">
                                    <i></i>
                                    <p>全所</p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <time></time>
                    <div class="menu">
                        <a class="goBack" href="javascript:goFront();">前往后台</a>
                        <div class="user">
                            <p>A</p>
                            <div class="">
                                <a href="change-password.html">修改密码</a>
                                <a href="login.html">退出登录</a>
                            </div>
                        </div>
                    </div>
                </div>
            </header>
            <div class="wrapper">
                <div class="box mt16 panel-income">
                    <div class="inner">


                        <div class="innerbody">
                            <div class="innerhead samething  " style="margin-top:-20px; margin-bottom:20px;">
                                <img src="./assets/images/unitdimension/icon_zijin@2x.png">
                                <div id="main"></div>
                                <div class="innerheadright">
                                    <p>全部</p>
                                    1,000.00 <span>万元</span>
                                </div>
                            </div>
                            <div class="innerbodyson samething">
                                <svg>
                                    <circle cx="42" cy="45" r="40" stroke="#E2E2EA" stroke-width="3" fill="none"
                                        stroke-dasharray="0" stroke-dashoffset="-212" stroke-linecap="round" />
                                    <circle cx="42" cy="45" r="40" stroke="#165DFF" stroke-width="7" fill="none"
                                        stroke-dasharray="10 200" stroke-dashoffset="-190" stroke-linecap="round" />
                                </svg>
                                <p>30%</p>
                                <div class="right">
                                    <div>院内</div>
                                    <div><span>400.00</span> <a>万元</a></div>
                                </div>

                            </div>
                            <div class="innerbodyson samething">
                                <svg>
                                    <circle cx="42" cy="45" r="40" stroke="#E2E2EA" stroke-width="3" fill="none"
                                        stroke-dasharray="0" stroke-dashoffset="-212" stroke-linecap="round" />
                                    <circle cx="42" cy="45" r="40" stroke="#50CD89" stroke-width="7" fill="none"
                                        stroke-dasharray="10 200" stroke-dashoffset="-190" stroke-linecap="round" />
                                </svg>
                                <p>30%</p>
                                <div class="right">
                                    <div>院内</div>
                                    <div><span>400.00</span> <a>万元</a></div>
                                </div>
                            </div>
                            <div class="innerbodyson samething">
                                <svg>
                                    <circle cx="42" cy="45" r="40" stroke="#E2E2EA" stroke-width="3" fill="none"
                                        stroke-dasharray="0" stroke-dashoffset="-212" stroke-linecap="round" />
                                    <circle cx="42" cy="45" r="40" stroke="#FFC700" stroke-width="7" fill="none"
                                        stroke-dasharray="10 200" stroke-dashoffset="-190" stroke-linecap="round" />
                                </svg>
                                <p>30%</p>
                                <div class="right">
                                    <div>院内</div>
                                    <div><span>400.00</span> <a>万元</a></div>
                                </div>
                            </div>
                            <div class="innerbodyson samething">
                                <svg>
                                    <circle cx="42" cy="45" r="40" stroke="#E2E2EA" stroke-width="3" fill="none"
                                        stroke-dasharray="0" stroke-dashoffset="-212" stroke-linecap="round" />
                                    <circle cx="42" cy="45" r="40" stroke="#BCC4D0" stroke-width="7" fill="none"
                                        stroke-dasharray="10 200" stroke-dashoffset="-190" stroke-linecap="round" />
                                </svg>
                                <p>30%</p>
                                <div class="right">
                                    <div>院内</div>
                                    <div><span>400.00</span> <a>万元</a></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="box mt16 panel-monpay">
                    <h3>
                        <span class="title">全部单位到款明细</span>
                    </h3>
                    <div class="full_table">
                        <table id="tableList" lay-filter="tableList"></table>
                        <div id="laypage"></div>
                    </div>
                </div>

            </div>
        </div>
    </div>
    <script src="assets/js/jquery.min.js"></script>
    <script src="assets/js/http/api.js"></script>
    <script src="assets/js/src/layui.js" type="text/javascript" charset="utf-8"></script>
    <script src="assets/js/navigation.js" type="text/javascript" charset="utf-8"></script>
    <script src="assets/plugins/echarts.min.js"></script>
    <script src="assets/plugins/chartlib.js"></script>
    <script src="assets/js/unitdimension.js"></script>
    <script>
        var chartDom = document.getElementById('main');
        var myChart = echarts.init(chartDom);
        var option;

        option = {
            series: [{
                //   name: 'Access From',
                type: 'pie',
                radius: ['80%', '100%'],
                avoidLabelOverlap: false,
                hoverAnimation: false,
                itemStyle: {
                    borderRadius: 10,
                    borderColor: '#fff',
                    borderWidth: 2
                },
                color: ['#0062FF', '#50CD89', '#FFC700', '#BCC4D0'],
                label: {
                    show: false,
                    position: 'center'
                },
                emphasis: {
                    label: {
                        show: false,
                        fontSize: '40',
                        fontWeight: 'bold'
                    }
                },
                labelLine: {
                    show: false
                },
                data: [{
                        value: 1048,
                        name: '院内'
                    },
                    {
                        value: 735,
                        name: '院外集团内'
                    },
                    {
                        value: 580,
                        name: '集团外'
                    },
                    {
                        value: 484,
                        name: '未识别'
                    }
                ]
            }]
        };

        option && myChart.setOption(option);
    </script>

</body>

</html>